<template>
    <div class="hotel_scenic_wapper">
        <!-- 景点 -->
        <div class="hotel_scenics_wrap">
            <HotelScenics v-if="cityInfo" :scenics="cityInfo[0].scenics" />
        </div>
        <!-- 地图 -->
        <HotelMap :locations="locations" />
    </div>
</template>

<script>
export default {
    props: ["cityInfo", "locations"],
};
</script>

<style lang="less" scoped>
.hotel_scenic_wapper {
    display: flex;
    margin-bottom: 20px;
    .hotel_scenics_wrap {
        width: 590px;
        margin-right: 20px;
    }
}
</style>
